博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片预览
阅读量:6236 次
发布时间:2019-06-22

本文共 1062 字,大约阅读时间需要 3 分钟。

  下方点击小图标,上方显示大图标。

  布局文件如下

    

图片预览

Large Image

注意:如果把jsp页面放在jsp文件夹中,那么上面的路径就不对了,需要".../images/",直接“”images“”会认为images在jsp文件加下。另外看下方的超链接,不重新定义超链接的click时间的话,默认在本页面打开,需要

  获取,超链接的click事件,设置click打开的路径。

  使用js进行图片预览

请选择图片

  注意:input后面要有一个反斜杠,type是file类型,上上传的时候出发onchangge事件,然后把图片显示在下方的div即可。

function showPreviewImg(obj) {		var str = obj.value;		document.getElementById("previewImg").innerHTML="";	}

  注意:img的src里也是需要印好的。

  这样的话 预览的样式和真实的大小一样。

  jquery实现预览,鼠标移动上去显示大图,移开不显示

<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%><%    String path = request.getContextPath();    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()            + path + "/";%>
Insert title here
请选择图片

图片预览

Large Image

  注意:选择器不要写错,id还是类,不多多少引号。

转载地址:http://muzia.baihongyu.com/

你可能感兴趣的文章
智能照明造福千家万户 家居智能不再是梦
查看>>
物联网如何跳出“看起来很美”?
查看>>
浅谈MySQL 数据库性能优化
查看>>
《UNIX/Linux 系统管理技术手册(第四版)》——1.10 其他的权威文档
查看>>
灵动空间 创享生活
查看>>
《UNIX网络编程 卷1:套接字联网API(第3版)》——8.6 UDP回射客户程序:dg_cli函数...
查看>>
不要将时间浪费到编写完美代码上
查看>>
《算法基础:打开算法之门》一3.4 归并排序
查看>>
高德开放平台开放源代码 鼓励开发者创新
查看>>
《高并发Oracle数据库系统的架构与设计》一2.5 索引维护
查看>>
Firefox 是 Pwn2own 2014 上攻陷次数最多的浏览器
查看>>
阿里感悟(十八)- 应届生Review
查看>>
话说模式匹配(5) for表达式中的模式匹配
查看>>
《锋利的SQL(第2版)》——1.7 常用函数
查看>>
jquery中hover()的用法。简单粗暴
查看>>
线程管理(六)等待线程的终结
查看>>
spring boot集成mongodb最简单版
查看>>
DELL EqualLogic PS存储数据恢复全过程整理
查看>>
《Node.js入门经典》一2.3 安装模块
查看>>
《Java 开发从入门到精通》—— 2.5 技术解惑
查看>>